import * as React from "react"
import { useHistory } from "react-router-dom"
import Button from "../../components/button"
import Form from "../../components/form"
import Input from "../../components/input"
import NavBar from "../../components/navbar"
import Icon from "../../icon"
import classes from "./index.module.scss"

export default function Register() {
  const history = useHistory()
  return (
    <div className={classes.register}>
      <NavBar left={<Icon type="left" onClick={() => history.goBack()}/>}>手机快速注册</NavBar>
      <div className={classes.registerContent}>
        <Form.Item className={classes.accountNumber}>
          <Input placeholder="请输入手机号"/>
        </Form.Item>
        <Button className={classes.captchaButton}
                shape="circle"
                type="primary"
                size="large">获得验证码</Button>
      </div>
    </div>
  )
}
